<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>客户信息</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="../assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="../assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_434348_emgmglcth05asjor.css">
    <style>
        .am-navbar{
            position: fixed;
            left: 0;
            bottom: -11px;
            width: 100%;
            height: 49px;
            line-height: 49px;
            z-index: 1010;
        }
        .am-tabs-default .am-tabs-nav>.am-active a{
            background: #ED7745;
            color: #544B42;
        }
        .am-tabs-default .am-tabs-nav {
            line-height: 40px;
            background-color: #fff;
            margin-top: 20px;
        }
    </style>
</head>

<!--头部-->
<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
        客户信息
    </h1>
</header>
<body>
<div class="am-container" style="background: #fff;">
    <div class="am-u-sm-12" style="margin: 20px 0;padding: 0; ">
        <h2 style="padding-bottom: 10px;margin: 0;text-align: center; ">合同信息</h2>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">合同编号</span>
            <div class="am-u-sm-9"><input type="text" class="" placeholder="请输入合同编号" style="float: left;margin: 8px 0;color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/></div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">订单明细</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请添加订单明细" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">甲方</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请输入姓名" style=" width:100%;color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">甲方</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请输入姓名" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">定金</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请输入定金" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">金额</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="合同金额" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">结束</span>
            <div class="am-u-sm-9">
                <input type="text" class="am-form-field" placeholder="日历组件" data-am-datepicker="{theme: 'success'}" readonly style="background: #fff;border: 0;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="text-align: left;margin: 0px;line-height: 40px;margin-top: 10px;">
            <textarea class="" rows="5" id="doc-ta-1" placeholder="工作描述"style="padding: 10px;width: 100%;border: 1px solid #eee;"></textarea>
        </div>
        <div style="clear: both;"></div>
        <div style="text-align: left;margin: 0px;margin-top: 10px;">
            <ul class="am-avg-sm-4 boxes">
                <li class="box box-1" style="height: 95px;padding: 5px; background-color: #eee;">1</li>
                <li class="box box-2" style="height: 95px;padding: 5px; background-color: #eee;">2</li>
                <li class="box box-3" style="height: 95px; padding: 5px;background-color: #eee;">3</li>
                <li class="box box-4" style="height: 95px; padding: 5px;background-color: #eee;">4</li>
                <li class="box box-5" style="height: 95px; padding: 5px;background-color: #eee;">5</li>
                <li class="box box-6" style="height: 95px;padding: 5px; background-color: #eee;">6</li>
                <li class="box box-7" style="height: 95px;padding: 5px; background-color: #eee;">7</li>
                <li class="box box-8" style="height: 95px; padding: 5px;background-color: #eee;">8</li>
                <li class="box box-9" style="height: 95px;padding: 5px; background-color: #eee;">9</li>
                <li class="box box-10" style="height: 95px; padding: 5px; background-color: #eee;">10</li>
                <li class="box box-11" style="height: 95px;padding: 5px; background-color: #eee;">11</li>
                <li class="box box-12" style="height: 95px; padding: 5px; background-color: #eee;">12</li>
            </ul>
        </div>
        <div class="am-u-sm-12" style="margin-top: 10px; padding: 0;">
            <div class="am-form-group" style="border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;">
                <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">付款方式</span>
                <div class="am-u-sm-9">
                    <select id="doc-select-1-1" required style=" width:100%;color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: right;">
                        <option value="">微信</option>
                        <option value="option1">支付宝</option>
                    </select>
                </div>
                <span class="am-form-caret"></span>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="text-align: left;margin: 0px;line-height: 40px;margin-top: 10px;">
            <textarea class="" rows="5" id="doc-ta-1" placeholder="工作描述"style="padding: 10px;width: 100%;border: 1px solid #eee;"></textarea>
        </div>
    </div>
</div>
</body>
<script src="../../js/jquery.js"></script>

<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../../js/amazeui.min.js"></script>
</body>
</html>